<template>
  <div class="wrap">
    <div class="content">
    <!-- 内容内容end -->
      <router-view> <!--内容 -->

      </router-view>     
    </div>
    
    <div class="nav bar bar-tab cartNone">  
      <router-link to="/home" href="" class="tab-item external">
        <span class="icon icon-home"></span>
            <span class="tab-label">首页</span>

          </router-link>
      <router-link to="/class" href="" class="tab-item external">
        <span class="icon icon-app"></span>
            <span class="tab-label">分类</span>
          </router-link>
      <router-link to="/search" href="" class="tab-item external">
        <span class="icon icon-search"></span>
            <span class="tab-label">搜索</span>
      </router-link>
      <router-link to="/cart" href="" class="tab-item external">
        <span class="icon icon-cart"></span>
            <span class="tab-label">购物车</span>
            <!-- <span class="badge" v-show="!length==0">{{length}}</span> -->
      </router-link>
      <router-link to="/me" href="" class="tab-item external">
        <span class="icon icon-me"></span>
          <span class="tab-label">我的</span>
          </router-link>
    </div>
  </div>
</template>
<style type="text/css" > 
/*lang="less" 要安装模块才可以用*/
@import "./assets/css/reset.css";
.content{
  padding-bottom:2.5rem;
  background: none!important;
}
.zActive{
    color: #23bc85!important;
  }


</style>
<script type="text/javascript">
export default{
  data(){
    return{
      isEmpty:true,
      length:0,
    }
  },
  mounted:function(){
      
  },
  methods:{
   
  }
}
</script>
